/*
Theme Name: shangyoujue
Theme URI: http://www.yxwlgs.net/
Author: YixingSEO qq:66866111
Author URI: https://www.yxwlgs.net/
Description: 企业网站定制 for shangyoujue
*/

:root{
    --color1:#339933;
    --color2:#000000;
    --color3:#FFFFFF
}

a:link,a:visited{color:#333;}
a:hover{text-decoration: none;}

.tp{display: flex;width:260px;float:right}
.tp-text{padding-left:1em;}
.tp-text span{color:#999;display: block;}
.tp-text strong{font-size:28px;line-height: 130%;color:#ff0000;font-family: "Impact","Microsoft YaHei","Arial";font-weight: normal;}

.top-line{
    color:#666;padding:8px;font-size:14px;background: #f1f1f1;
}
.top-line a:link,.top-line a:visited{color:#666;}
.top-line a:link:hover{color:#006699}

.about-text{display: flex;flex-direction: column;height: 100%;justify-content: center;line-height: 2em;}

.htitle{text-transform: uppercase;text-align: center;}
.htitle strong{font-weight: normal;padding-bottom: 10px;}
.htitle span{color:#999;padding-bottom: 15px;}

.title1 strong{font-size:32px;color:#333;display: block;font-weight: bold;}
.title1 span{font-size:18px;color:#009900;text-shadow: 2px 2px 5px #f1f1f1;display: block;}
.title2 strong{font-size:36px;color:#0e51ba;display: block;}
.title2 span{font-size:22px;}


.nb{background: #FFF;}
.nb .htitle{font-size:36px;color:#333;font-weight: bold;}
.nb .htitle span{color:#339933}
.nb .item{display: flex;background: #fff;box-shadow: 0 9px 40px #ccc;margin-bottom: 20px;overflow: hidden;justify-content: space-around;}
.nb .item .img-wrap{overflow: hidden;width:50%}
.nb .item .img-wrap img{max-width: 100%;}
.nb .item .text{padding:40px 30px 0 30px;width:50%}
.nb .item .text .tit1{text-transform: uppercase;color:#999;}
.nb .item .text .tit{font-size: 24px;color:#009900;font-weight: bold;}
.nb .item .line{border-bottom: 1px solid #ddd;margin:20px 0;}
.nb .item p{color:#666;line-height: 2em;}
.nb .item img{transition: all ease .3s;}
.nb .item:hover img{transform: scale(1.2);}
.nb .row>div:nth-child(even) .img-wrap{text-align: right;}

/**/
#sw3 .swiper-container{margin-top:50px;}	
#sw3 .swiper-slide{width:33.33%;overflow: hidden;}
#sw3 .swiper-slide a{transition: 0.2s;}	
#sw3 .swiper-slide a:hover{opacity:.6;}	
#sw3 .swiper-pagination{text-align:center;width:100%;margin-top:10px;}
#sw3 .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;margin:0 5px;background:#02328d;}
#sw3 .swiper-button-prev{width:calc(33.33% - 20px);left:0;top:0; height:100%;background: rgba(0,0,0,.8); margin-top:0;z-index:99;transition: 0.2s;}	
#sw3 .swiper-button-prev:before{content: '';position: absolute;width: 15px;height: 100%;background: url(images/slide_prev.png) no-repeat 0 center;left: 94%;top: 40%;margin-top: -180px;
}
#sw3 .swiper-button-next{
	width:calc(33.33% - 20px);height:100%;right:0;top:0;background-color:rgba(0,0,0,.8);margin-top:0;z-index:99;transition: 0.2s;
	}
#sw3 .swiper-button-next:after{	
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(images/slide_prev.png) no-repeat 0 center;
    right: 94%;
    top: 40%;
    margin-top: -180px;
	transform: rotate(180deg);
}
#sw3 .swiper-button-prev:hover,.swiper-button-next:hover{
	opacity:0.6;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;}

.bline{position: relative;padding-bottom: 10px;}
.bline::after{content:'';position: absolute;width:50%;height: 3px;background: #66ccff;left: 0;bottom: 0;}
.text{line-height: 2em;font-size:16px;}
.btn{border-radius:0 !important}

.banner{background-color: #000;position: relative;z-index: 10;}

.text{line-height: 2em;}

.top-text{border-left: 1px solid #ddd;padding-left: 15px;color:#999;font-style: italic;}
.logo h1{font-size:30px;font-family: '微软雅黑';font-weight: bold;color:#fff;}


.news-block figure{overflow: hidden;background-color: #fafafa;padding:15px;height: 100%;transition: all ease .5s;border:1px solid #ccc;}
.news-block figure p{font-size:14px;color:#666;margin:0;}
.news-block .item:hover figure{box-shadow: 3px 3px 3px #999;transform: translateY(-10px);border-color: #009900;}
.news-block figcaption{padding:10px 0;}

.hp{background: url(images/bg5.jpg);}

/* 公司简介更多链接 */
.more-link>a{color:#fff;border:1px solid #339933;color:#339933;
    display: inline-block;height: 40px;line-height: 40px;width:120px;text-align: center;
    position: relative;transform: perspective(1px) translateZ(0);
}
.more-link>a:hover{color:#fff;}
.more-link>a::before{content:'';background: #339933;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;transform: scaleX(0);transition: all ease .3s;}
.more-link>a:hover::before{background-color:#339933 ;transform: scaleX(1);}

.home-case{background: #000 url(images/bg3.jpg);background-size: cover;}
.home-case .more-link>a{border-color: #fff;color:#fff;}
.home-case .more-link>a::before{background: #fff;}
.home-case .more-link>a:hover::before{background: #fff;}
.home-case .more-link>a:hover{color:#333;}
.home-case .htitle{color:#fff;}
.home-case a:link,.home-case a:visited{color:#fff;}
.home-case .item{border:1px solid #999;margin-bottom: 15px;background-color: #000;}

.home-about{background:#f1f1f1 url(images/about-bg.jpg);}

.about-video{overflow: hidden;}
.about-video video{max-width: 100%;}

.mynav ul{justify-content: center;}
.mynav ul li{padding:0 2px;}
.mynav ul li a{background: #000;padding:15px 20px;color:#fff;position: relative;display: inline-block;
    transform: perspective(1px) translateZ(0);
}
.mynav ul li a::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ff0000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.mynav ul li a:hover:before{transform: scale(1);}
/* .mynav ul li a:hover{background: #000;} */

.img_list1 .item .tit{text-align: center;padding:10px 0;}

.numCount .item{padding:15px;background: #ff0000;text-align: center;}
.numCount .item .bignum{font-size:30px;font-weight: bold;color:#fff;line-height: 40px;}
.numCount .item .unitC{font-size:16px;font-weight: normal;padding-left: 5px;}
.numCount .item .tit{color:#ddd;}
.numCount>div:nth-child(1),.numCount>div:nth-child(2){padding-bottom: 15px;}

.index1{background-color: #f1f1f1;}
.index1 .more a:link,.index1 .more a:visited{color:#fff;}
.index1 .more a:hover{color:#333;}


.img-scale{overflow: hidden;text-align: center;}
.img-scale img{transition: all ease .5s;}
.img-scale:hover img{transform: scale(1.2);}


.index1{background-color: #f1f1f1;}
.index1 .more a:link,.index1 .more a:visited{color:#fff;}
.index1 .more a:hover{color:#333;}

.footer{background-color: #339933;color:#f1f1f1;padding:15px 0;}
.footer a:link,footer a:visited{color:#f1f1f1;text-decoration: none;}
.footer a:hover{color:#f46700;}
.footer p{margin:0;}

.main{padding:1rem 0;}

.archive-product{padding:15px;}
.archive-product .item .tit{text-align: center;padding:10px 0;}
.single-title{text-align: center;font-size:30px;padding:15px;margin:0;border-bottom: 1px solid #ddd;}
.page-content .text{padding:15px;}
.page-content .text img{max-width: 100%;height: auto;}

.archive-news{padding:15px;}
.archive-news .newsbox{margin:0;padding:0;}


/*公共*/
.py-6{padding:100px 0;}
.img-scale{overflow: hidden;text-align: center;}
.img-scale img{transition: all ease .5s;}
.img-scale:hover img{transform: scale(1.2);}

/*新闻*/
.news-img{position: relative;}
.news-img .tit{position: absolute;bottom: 0;width:100%;background-color: rgb(0,0,0,0.8);text-align: center;padding:10px 0;color:#fff;}
.newsbox{margin:0;padding:0;}
.newsbox li{display: flex;margin-bottom: 15px;box-shadow: 1px 1px 3px #ccc;background-color: #f1f1f1;}
.newsbox li:hover{background-color: #cfecff;}
.newsbox li .dt{width:85px;height: 85px;background-color: #339933;text-align: center;}
.newsbox li .dt .day{font-size:30px;font-weight: bold;color:#fff;line-height: 100%;padding-top: 15px;}
.newsbox li .dt .year-month{color:#f1f1f1;padding-top:5px;}
.newsbox .info{flex:1;padding:4px 10px;position: relative;}
.newsbox .info .tit{padding-bottom: 5px;font-size:16px;padding-top:5px;}
.newsbox .info .desc{color:#666;font-size:14px;}

/*侧边栏小工具*/
.silder1{background: #fafafa;height: 100%;}
.silder1 .xgj{margin:0;padding:0;list-style-type: none;}
.silder1 .xgj>li{padding:0 0 15px 0;}
.silder1 .widgettitle{background-color: #339933;padding:12px 10px;color:#fff;}
.silder1 .widgettitle::before{content: '\f0da';font:normal normal normal 14px/1 FontAwesome;padding-right: 5px;}
.silder1 .widget_nav_menu .menu{margin:0;padding:0;list-style-type: none;}
.silder1 .widget_nav_menu .menu>li{border-bottom: 1px dotted #ddd;padding:10px;}
.silder1 .widget_nav_menu .menu>li>a::before{content:"+";padding-right: 10px;}
.silder1 .search-form{display: flex;padding-top:15px;justify-content: space-around;}
.silder1 .search-form .search-field{height: 35px;line-height: 35px;text-indent: 5px;border:1px solid #ddd;}
.silder1 .search-form .search-submit{height: 35px;line-height: 35px;border:none;background-color:darkcyan; color:#fff;padding:0 20px;}
.silder1 .search-form .screen-reader-text{display: none;}
.silder1 li>ul{margin:0;padding:0;list-style-type: none;}
.silder1 li>ul>li{padding:10px;border-bottom: 1px dotted #ddd;}
.silder1 li>ul>li>a::before{content: '-';padding-right: 5px;}
.silder1 .textwidget{padding:15px;}

/*分页*/
.pagelist {padding:1rem 0;font-size: 14px;list-style-type: none;display: flex;justify-content: center; }
.pagelist span, .pagelist a {padding: 8px 15px;background-color: #ddd;color: #333;margin-right: 1px;display: block; }
.pagelist a:hover,.pagelist .current {background-color: #333; color:#fff;}

/*内页*/
.main{padding:1rem 0;}
.page-path{background: #339933;color:#fff;padding:12px;color:#fff;}
.page-path a:link,.page-path a:visited{color:#fff;}
.page-path a:hover{color:#ddd;}

.top{background-color: #fff;}    
.logo{height: 100%;display: flex;align-items: center;}
.navbar-brand{display: none;}

#kf{position: fixed;right:0;bottom:10vh;z-index: 9999;}
#kf ul{margin:0;padding:0;list-style-type: none;display: flex;flex-direction: column;align-items: flex-end;}
#kf ul li{background:#006699;color:#fff;margin-top: 3px;width:50px;position: relative;display: flex;transition: all ease .3s;}
#kf ul li a{display: block;height: 50px;width:50px;display: flex;justify-content: center; align-items: center;color:#fff;flex: none;cursor: pointer;}
#kf ul li a:hover{background: #3399cc;}
#kf ul li .fa{font-size:22px;}
#kf .sub-box{float:left;font-size:22px;line-height: 50px;}
#kf .sub-box img{max-width: 120px;}
#kf .show{height:50px;}
#kf .show:hover{width:100%;} 


/*滚动*/
.gd{width:100%;overflow: hidden;}
.gd ul{display: flex;margin:0;padding:0;list-style-type: none;}
.gd ul li{margin-right: 15px;}
.gd ul li img{height: 220px;width:auto}

/*编辑器*/
p.s2em{text-indent: 2em;}
.gallery .gallery-item .wp-caption-text, .wp-caption .wp-caption-text{text-align: center;font-size:14px;color:#666;}
.gallery .gallery-item .gallery-icon{overflow: hidden;}
.gallery .gallery-item .gallery-icon img{transition: all ease .3s;}
.gallery .gallery-item .gallery-icon:hover img{transform: scale(1.1);}


@media (min-width: 1199.98px) {                   
    .container{
        max-width: 1200px;
    }
    .top-phone{padding-top: 10px;display: flex;justify-content: flex-end;line-height: 100%;align-items: flex-end;}
    .top-phone .top-phone-text{width:180px;}
    .top-phone .top-phone-img img{max-width: 50px;}
    .top-phone .top-phone-text span{color:#666;font-size:14px;}
    .top-phone .top-phone-text strong{font-size:24px;line-height: 30px;color:#0d6fae}
}

@media (min-width: 991.98px) {             
    /* .top-change .container{max-width: 1140px;} */
    .top-menu{background:#339933;padding:0;}    
    .top-menu a:link,.top-menu a:visited{color:#fff;}
    .top-menu h1{font-size:30px;font-weight: bold;}
    .top-menu .navbar-nav{width:100%;justify-content:space-around;} 
    .top-menu .navbar-nav>.nav-item{font-size:16px;height: 100%;width:100%;}
    .top-menu .navbar-nav>.nav-item>.nav-link{display: block;padding:0;position: relative;text-align: center;
        height: 55px;line-height: 55px;transform: perspective(1px) translateZ(0);
        width:100%;
    }
    .top-menu .navbar-nav>.nav-item>.nav-link::before{
        content:'';
        height: 100%;width:100%;
        position: absolute;
        transition-property: transform;        
        left:0;bottom:0;
        z-index: -1;
        transform: scaleX(0);
        transition: all ease .5s;
        transform-origin: 50% 50%;        
        background: #000;             
    }
    .top-menu .navbar-nav>.active a{background-color: #f1f1f1;color:#333;}
    .top-menu .navbar-nav>.nav-item>.nav-link:hover::before{transform: scaleX(1);opacity: 1;}
    /* .top-menu .navbar-nav>.nav-item>.nav-link:hover{color:#fff;} */    
    .top-menu .navbar-nav>.nav-item>.nav-link:hover{color:#fff;} 
     
 }


 @media (max-width: 1024px){
    
 }

 @media (max-width: 767.98px) { 
    .home2 .xm{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}
     .home2 .xm li{font-size:22px;width:50%;margin:0 !important}
     .home2 .xm li::before{display: none;} 
}

 @media (max-width: 575.98px) {      
    .silder1{display: none;}
    body{padding-top:60px;}    
    .navbar-brand{display: block;max-width: calc(100% - 70px);}
    .logo{display: none;}
    .top .container,.top .container-fluid{padding:0;}         
     .top-menu{background: #fff;position: fixed;top:0;
        z-index: 999;box-shadow: 1px 1px 1px #ccc;padding:10px;width:100%;}
     .top-menu h1{font-size:22px;color: #fff;}
     .top-menu .navbar-nav{padding:15px;font-size: 16px;}
     .top-menu .navbar-nav li{border-bottom: 1px solid #333;}
     .top-menu .dropdown-menu{margin:0;padding:0;border:none;background: transparent;}
     .top-menu a:link,.top-menu a:visited{color:#333;}
     .navbar-toggler{font-size:22px !important;color:#000;display: block;}          
     .home4 .col-md-4{margin-bottom: 15px;}
     .xm{padding-top:15px !important;}     
     .header .container-fluid{padding-left:0 !important}        
     .newsbox{padding-top: 15px;}
     .home2 .xm li::before{display: none;}          
    .nb .item .img-wrap{display: none;}
    #sw3{display: none;}
}